<template>
  <div>
    <van-collapse v-model="activeName" accordion>
      <van-collapse-item title="组织用户" name="1">内容</van-collapse-item>
      <van-collapse-item title="菜单权限" name="2">内容</van-collapse-item>
      <van-collapse-item title="应用管理" name="3">内容</van-collapse-item>
      <van-collapse-item title="配置管理" name="4">内容</van-collapse-item>
      <van-collapse-item title="系统监控" name="5">内容</van-collapse-item>
      <van-collapse-item title="系统工具" name="6">内容</van-collapse-item>
    </van-collapse>

  </div>
</template>

<script>
export default {
  name: "lefts",
  data() {
    return {
      activeName: '1',
    }
  }
}
</script>

<style scoped>
/* 左侧样式 */
/*.lefts {*/
/*  position: absolute;*/
/*  width: 230px;*/
/*  top: 50px; !* 距离上面50像素 *!*/
/*  left: 0px;*/
/*  bottom: 0px;*/
/*  overflow-y: auto; !* 当内容过多时y轴出现滚动条 *!*/

/*}*/
</style>